<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="divport" content="width=device-width, initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no,divport-fit:cover" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/details.css">
    <!-- <link rel="stylesheet" href="../js/base.js"> -->
</head>

<body>
    <div class="details">
        <!-- 标题 -->
        <div class="titles"><span>FKM</span></div>

        <!-- 封面 -->
        <div class="cover">
            <img src="../images/details/1045.png" alt="">
        </div>


        <!-- 优惠劵 -->
        <div class="coupon">
            <img src="../images/details/720h200.png" alt="">
        </div>

        <!-- 底部 -->
        <div class="di-box">
            <!-- 指南 -->
            <div class="guide">
                <div class="top-title">新手指南</div>
                <div class="imgs">
                    <img src="../images/details/565h45.png" alt="">
                </div>
                <div class="characters">
                    <span>购买体验课券</span>
                    <span>在"课程"页面选择门店</span>
                    <span class="left">到店试课</span>
                </div>
                <div class="customer">
                    <span>联系在线客服</span>
                </div>
            </div>

            <!-- 介绍 -->
            <div class="introduce">

                <img src="../images/details/wenai.jpg" alt="" class="top-img">
                <div class="content">
                    源起《这就是街舞》韩庚战队，是集合了众多世界顶尖舞者的极具代表性的中国街舞团，在创办人韩庚先生的引领下，秉持着张扬个性,自我表达,勇于接受挑战创造人所不能的街舞精神内涵，以成熟精湛的技艺和努力不懈的信念，呈现中国街舞的文化自信和态度，并联袂国家体操中心及中国舞蹈家协会等组织机构，致力于体育娱乐的双向发展，旨在打造一种全新的街舞态势，掀动充满正能量的街舞热潮，为助力奥运，弘扬街舞文化做出属于FKM的独特贡献。
                </div>
                <img src="../images/details/ren.jpg" alt="" class="imgss">
            </div>
            <div class="boxxx">
                <!-- 云集 -->
                <div class="crowds-box">
                    <!-- 标题 -->
                    <div class="crowds-title">
                        <img src="../images/details/index-black_03.jpg" alt="">
                    </div>
                    <div class="crowds">
                        <div class="png-img">
                            <img src="../images/details/728h388.png" alt="">
                        </div>

                        <div class="bottom">
                            <div class="left">
                                <div class="course">
                                    [西溪路凯旋店]·星享课
                                </div>
                                <div class="courses">
                                    舞种: LOCKINGISOUL / DANCE / IHIPHOP
                                </div>
                            </div>
                            <div class="right">Start!</div>
                        </div>
                    </div>
                    <div class="crowds">
                        <div class="png-img">
                            <img src="../images/details/index-black.png" alt="">
                        </div>

                        <div class="bottom">
                            <div class="left">
                                <div class="course">
                                    [西溪路凯旋店]·星享课
                                </div>
                                <div class="courses">
                                    舞种: BBOY
                                </div>
                            </div>
                            <div class="right">Start!</div>
                        </div>
                    </div>
                    <div class="crowds">
                        <div class="png-img">
                            <img src="../images/details/index-black1.png" alt="">
                        </div>

                        <div class="bottom">
                            <div class="left">
                                <div class="course">
                                    [西溪路凯旋店]·星享课
                                </div>
                                <div class="courses">
                                    舞种: Urban dance / Hiphop
                                </div>
                            </div>
                            <div class="right">Start!</div>
                        </div>
                    </div>
                </div>
                <!-- 没有 -->
                <div class="no">FUNK MASTERS</div>
            </div>

        </div>

        <!-- 底部导航 -->
        <div class="diNav">
            <div>
                <img src="../images/kecheng_153.jpg" mode=""></img>
                <span class="color">FKM</span>
            </div>
            <div>
                <img src="../images/kecheng_16.jpg" mode=""></img>
                <span>课程</span>
            </div>
            <div>
                <img src="../images/kecheng_18.jpg" mode=""></img>
                <span>商城</span>
            </div>
            <div>
                <img src="../images/kecheng_208.jpg" mode=""></img>
                <span>大事记</span>
            </div>
            <div>
                <img src="../images/kecheng_22.jpg" mode=""></img>
                <span>会员</span>
            </div>
        </div>

    </div>
</body>

</html>
<script type="text/javascript">
    function adapter() {
        //获取布局视口宽度，因为开启了理想视口，布局视口=设备横向独立像素值
        const dpWidth = document.documentElement.clientWidth
            //计算根字体大小
        const rootFonstSize = (dpWidth * 100) / 750
            //设置根字体大小
        document.documentElement.style.fontSize = rootFonstSize + 'px'
    }
    adapter()
    window.onresize = adapter
</script>